@charset "utf-8";
/* CSS Document */

/*small screen*/
@media screen and (max-width: 700px){
	html,body{
		width: 100%;
		height: 100%;
		background-color:#FEFFFE;
	}

	.head{
		width: 100%;
		height: 8%;
		background-color: transparent;
	}

	.logo{
		padding: 0.7em;
		font-family: "微软雅黑";
		font-size: 1.5em;
		width: auto;
		height: auto;
		color: black;
	}

	.menu{

	}

	.login{
		height: 100%;
		width: 100%;
		display: flex;
	}

	.login_info{
		height: 0%;
		width: 0%;
	}

	.login_info_txt{
		font-family: "微软雅黑";
		font-size: 1.7em;
		left:10%;
		width: 0%;
		height: 0;
		margin: 1%;
	}

	.login_info_img{
		max-height: 0%;
		max-width: 0%;
		overflow:hidden;
	}

	.login_item{
		padding-top: 10%;
		padding-left: 25%;
		width: 100%;
		height: auto;
	}

	.login_item_welcome{
		font-family: "微软雅黑";
		font-size: 1.4em;
	}

	.login_item_description{
		font-family: "微软雅黑";
		font-size: 0.8em;
		max-width: 380px;
		color: #9A9999;
	}

	.login_item_frame{
		width: 100%;
		height: auto;
	}
	.user{
		background-color: #EEF7F5;
		width: 290px;
		height: 60px;
		display: flex;
	}
	.password{
		background-color: #fff;
		width: 290px;
		height: 60px;
		display: flex;
		border: 0.01em #62E8E2 dotted;
	}
	.img_usr{
		width: 30px;
		height: 30px;
		padding: 6%;
	}
	.img_paswod{
		width: 30px;
		height: 30px;
		padding: 6%;
	}

	.input{
		margin-top: 5%;
		display: flex;
		flex-direction: column;
		width: auto;
		height:auto
	}

	.input_hint{
		font-family: "微软雅黑";
		font-size: 0.2em;
		color: #9a9999;
	}
	.input_sample{
		font-family: "微软雅黑";
		font-size: 0.83em;
	}
	.input_hint_imgi{
		padding-top: 8%;
		padding-left: 50px;
		width: 20px;
		height: 20px;
	}
	.input_hint_imgii{
		padding-top: 8%;
		padding-left: 135px;
		width: 20px;
		height: 20px;
	}
	.login_util{
		margin-top: 20px;
		width: 290px;
		height: auto;
		display: flex;
	}
	.remember{
		display: flex;
		width: 70%;
	}
	.remember_img{
		padding-top: 2%;
		padding-left: 5%;
		width: 20px;
		height: 20px;
	}
	.remember_txt{
		margin-top: 3%;
		margin-left: 3%;
		font-family: "微软雅黑";
		font-size: 0.7em;
		color: grey;
		width: auto;
	}
	.forget{
		margin-left: 5%;
		width: 25%;
		height: auto;
	}
	.button{
		margin-top: 5%;
		width: 290px;
		height: 37px;
		display: flex;
	}
	.login_btn{
		background-color: #79C6B1;
		border: none;
		color: white;
		font-family:"微软雅黑";
		text-align: center;
		text-decoration:none;
		border-radius: 17px;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.24), 0 12px 50px 0 rgba(0,0,0,0.19);
		width: 120px;
		height: 37px;
	}
	.register_btn{
		margin-left: 50px;
		background-color: white;
		border: none;
		font-family:"微软雅黑";
		text-align: center;
		text-decoration:none;
		border-radius: 17px;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.24), 0 12px 57px 0 rgba(0,0,0,0.19);
		width: 120px;
	}
	.share{
		margin-top: 10%;
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
	}
	.share_txt{
		font-family: "微软雅黑";
		font-size: 80%;
	}
	.share_imgs{
		margin-top: 5%;
		display: flex;
		flex-direction: row;
	}
	.share_img{
		padding-right: 5%;
		width: 25px;
		height: 25px;
	}
}

/*big screen*/
@media screen and (min-width: 701px){

	html,body{
		width: 100%;
		height: 100%;
		background-color:#FEFFFE;
	}

	.head{
		width: 100%;
		height: 8%;
		background-color: transparent;
	}

	.logo{
		padding: 0.7em;
		left: 10%;
		font-family: "微软雅黑";
		font-size: 1.5em;
		width: 20%;
		height: auto;
		color: black;
	}

	.login{
		up:8%;
		height: 100%;
		width: 100%;
		display: flex;
	}

	.login_info{
		height: 92%;
		width: 65%;
	}

	.login_info_txt{
		font-family: "微软雅黑";
		font-size: 1.7em;
		left:10%;
		width: 50%;
		height: auto;
		margin: 1%;
	}

	.login_info_img{
		max-height: 90%;
		max-width: 100%;
		overflow:hidden;
	}

	.login_item{
		margin-top: 6%;
		width: 35%;
		height: auto;
	}

	.login_item_welcome{
		font-family: "微软雅黑";
		font-size: 1.4em;
		margin-left: 0;
	}

	.login_item_description{
		max-width: 380px;
		font-family: "微软雅黑";
		font-size: 0.8em;
		color: #9A9999;
	}

	.login_item_frame{
		width: 100%;
		height: auto;
	}
	.user{
		background-color: #EEF7F5;
		width: 290px;
		height: 60px;
		display: flex;
	}
	.password{
		background-color: #fff;
		width: 290px;
		height: 60px;
		display: flex;
		border: 0.01em #62E8E2 dotted;
	}
	.img_usr{
		width: 30px;
		height: 30px;
		padding: 6%;
	}
	.img_paswod{
		width: 30px;
		height: 30px;
		padding: 6%;
	}

	.input{
		margin-top: 5%;
		display: flex;
		flex-direction: column;
		width: auto;
		height:auto
	}

	.input_hint{
		font-family: "微软雅黑";
		font-size: 0.2em;
		color: #9a9999;
	}
	.input_sample{
		font-family: "微软雅黑";
		font-size: 0.83em;
	}
	.input_hint_imgi{
		padding-top: 8%;
		padding-left: 50px;
		width: 20px;
		height: 20px;
	}
	.input_hint_imgii{
		padding-top: 8%;
		padding-left: 50px;
		width: 20px;
		height: 20px;
	}
	.login_util{
		margin-top: 20px;
		width: 290px;
		height: auto;
		display: flex;
	}
	.remember{
		display: flex;
		width: 70%;
	}
	.remember_img{
		padding-top: 2%;
		padding-left: 5%;
		width: 20px;
		height: 20px;
	}
	.remember_txt{
		margin-top: 3%;
		margin-left: 3%;
		font-family: "微软雅黑";
		font-size: 0.7em;
		color: grey;
		width: auto;
	}
	.forget{
		margin-left: 5%;
		width: 25%;
		height: auto;
	}
	.button{
		margin-top: 5%;
		width: 290px;
		height: 37px;
		display: flex;
	}
	.login_btn{
		background-color: #79C6B1;
		border: none;
		color: white;
		font-family:"微软雅黑";
		text-align: center;
		text-decoration:none;
		border-radius: 17px;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.24), 0 12px 50px 0 rgba(0,0,0,0.19);
		width: 120px;
		height: 37px;
	}
	.register_btn{
		margin-left: 50px;
		background-color: white;
		border: none;
		font-family:"微软雅黑";
		text-align: center;
		text-decoration:none;
		border-radius: 17px;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.24), 0 12px 57px 0 rgba(0,0,0,0.19);
		width: 120px;
	}
	.share{
		margin-top: 10%;
		width: auto;
		height: auto;
		display: flex;
		flex-direction: column;
	}
	.share_txt{
		font-family: "微软雅黑";
		font-size: 80%;
	}
	.share_imgs{
		margin-top: 5%;
		display: flex;
		flex-direction: row;
	}
	.share_img{
		padding-right: 5%;
		width: 25px;
		height: 25px;
	}
}










